$(function () {
    // alert('ok')
    /* 功能一：获取分类信息，并渲染 */
    getCate()

    function getCate() {
        $.ajax({
            method: 'get',
            url: "/my/article/cates",
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                // console.log(res);
                // 渲染数据
                // renderCate()
                var htmlStr = template('tpl', res)
                $('#tb').html(htmlStr)
            }
        })
    }

    /* 功能二：增加文章分类，并渲染到页面 */
    // 声明一个index的全局变量
    var indexAdd = null
    $('#btnAddCate').on('click', function () {
        // $('#dialog-add').show()
        //弹出模态框
        indexAdd = layui.layer.open({
            type: 1,
            title: '添加类别',
            // 设置模态框 宽高
            area: ['500px', '300px'],
            // 添加分类，模仿模板引擎
            content: $('#dialog-add').html()
        })
    })

    /*  老一套 -- 表单时动态生成的，so 事件委托 */
    $('body').on('submit', '#form-add', function (e) {
        e.preventDefault()
        // alert('ok')
        var data = $(this).serialize()
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                layui.layer.msg(res.message, {
                    icon: 6
                })

                // 添加成功后，关闭模态框
                layui.layer.close(indexAdd)
                getCate()
            }
        })
    })

    /* 功能三：编辑功能 */
    var indexEdit = null
    $('#tb').on('click', '.btn-edit', function () {
        // alert('ok')
        indexEdit = layui.layer.open({
            type: 1,
            title: "编辑分类",
            area: ['500px', '300px'],
            content: $('#dialog-edit').html()
        })
        //获取分类信息，并且展示到表单中
        var id = $(this).attr('data-id')
        // console.log(id);
        //调接口，发送ajax请求
        $.ajax({
            method: "get",
            url: "/my/article/cates/" + id,
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                // 渲染表单数据，并赋值
              
            }
        })
    })

    //更新分类
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault()
        var data = $(this).serialize()
        // console.log(data);
        $.ajax({
            method: 'post',
            url: '/my/article/updatecate',
            data,
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                layui.layer.msg(res.message, {
                    icon: 6
                })
                layui.layer.close(indexEdit)
                getCate()

            }
        })
    })

    /* 功能四：删除数据 */
    $('#tb').on('click', '.btn-delete', function () {
        // 获取id 
        var id = $(this).attr('data-id')
        console.log(id);
        layui.layer.confirm('你确定删除吗？', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //do something
            $.ajax({
                method: 'GET',
                url: '/my/article/deletecate/' + id,
                success(res) {
                    // console.log(res);
                    if (res.status !== 0) {
                        return layui.layer.msg(res.message ,{icon:5})
                    }
                    layui.layer.msg(res.message, { icon: 6 })
                    getCate()
                }
            })
            layer.close(index);
        });

    })

})